<!doctype html>
<!--[if lt IE 7]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8]><html class="ie ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if !(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Online Shop">
<meta name="keywords" content="Online, Shop">
<title>Online Shop</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link type="text/css" rel="stylesheet" media="screen,projection"
	href="/shop/common-resources/resources/css/.compiled/shophome.css" />
</head>

<body id="onlineshop_default">
	<header id="top_bar">
		<ul>
			<li>Welcome to Online Shop !</li>
			<li><a href="/">Login</a></li>
			<li class="end"><a href="/">Register</a></li>
		</ul>
	</header>

	<header id="logo_bar">
		<div id="logo_bar_logo">
			<h1>Logo</h1>
			<h2>Shop Sub title</h2>
		</div>
		<div id="logo_bar_search">
			<input type="text"><a href="/">Search</a>
		</div>
		<div id="logo_bar_cart">
			<div class="cImage">
				<img
					src="http://cdn.shopify.com/s/files/1/0080/8372/t/1/assets/cart_black.png"><a
					href="#">Your Cart</a>
			</div>
			<div class="cTotalItem">
				Total Items: <span id="cart_total_items">10</span>
			</div>
			<div class="cTotalItem">
				Total Cost: <span id="cart_total_cost">$100</span>
			</div>
			<div class="cAction">
				<a href="/">View</a><a href="/">Checkout</a>
			</div>
		</div>
		<div class="ph"></div>
	</header>

	<nav>
		<ul>
			<li><a href="/">Nav 1</a>
				<ul>
					<li><a href="/">Sub Nav 1</a></li>
					<li><a href="/">Sub Nav 1</a></li>
					<li><a href="/">Sub Nav 1</a></li>
				</ul></li>
			<li><a href="/">Nav 2</a></li>
			<li><a href="/">Nav 3</a></li>
		</ul>
	</nav>

	<section id="main_content">
		<section class="carousel"></section>
		<section id="product_list">
			<ul>
				<li>
					<div class="productItem">
						<a href="/" class="pImage"> <img
							src="/shop/common-resources/resources/images/tbox.png">
						</a>
						<h3>Product Title</h3>
						<div class="pPrice">
							Price: <span id="product_price_pid1">$10</span>
						</div>
						<div class="pAction">
							<a href="/">View</a><a href="/">Buy</a>
						</div>
					</div>
				</li>
				<li>
					<div class="productItem">
						<a href="/" class="pImage"> <img
							src="/shop/common-resources/resources/images/tbox.png">
						</a>
						<h3>Product Title</h3>
						<div class="pPrice">
							Price: <span id="product_price_pid1">$10</span>
						</div>
						<div class="pAction">
							<a href="/">View</a><a href="/">Buy</a>
						</div>
					</div>
				</li>
				<li>
					<div class="productItem">
						<a href="/" class="pImage"> <img
							src="/shop/common-resources/resources/images/tbox.png">
						</a>
						<h3>Product Title</h3>
						<div class="pPrice">
							Price: <span id="product_price_pid1">$10</span>
						</div>
						<div class="pAction">
							<a href="/">View</a><a href="/">Buy</a>
						</div>
					</div>
				</li>
				<li>
					<div class="productItem">
						<a href="/" class="pImage"> <img
							src="/shop/common-resources/resources/images/tbox.png">
						</a>
						<h3>Product Title</h3>
						<div class="pPrice">
							Price: <span id="product_price_pid1">$10</span>
						</div>
						<div class="pAction">
							<a href="/">View</a><a href="/">Buy</a>
						</div>
					</div>
				</li>
				<li>
					<div class="productItem">
						<a href="/" class="pImage"> <img
							src="/shop/common-resources/resources/images/tbox.png">
						</a>
						<h3>Product Title</h3>
						<div class="pPrice">
							Price: <span id="product_price_pid1">$10</span>
						</div>
						<div class="pAction">
							<a href="/">View</a><a href="/">Buy</a>
						</div>
					</div>
				</li>
				<li></li>
			</ul>
		</section>
	</section>

	<footer id="page_footer">
		<ul>
			<li><a href="/">Foot 1</a></li>
			<li><a href="/">Foot 2</a></li>
			<li class="end"><a href="/">Foot 3</a></li>
		</ul>
	</footer>

</body>

</html>





